@font-face{
    font-family: "HarmonyOSMedium";
    src: url('HarmonyOSMedium.woff');
}

*{padding: 0px;margin: 0px;font-family:"HarmonyOSMedium";}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li{ margin: 0; padding: 0; list-style: none; }
li {list-style: none;}
a {text-decoration: none;}
body,html {height: 100%;width: 100%;font-size: 14px;}
.imgbox {overflow: hidden;position: relative;}
.imgbox img {transition: 0.3s;}


.icenter {width: 1400px;margin: auto;position: relative;}
.icen {width: 1330px;margin:0 auto;position: relative; padding:0 15px;}

/* header */
.header{ width:100%; position:relative;}
.header .top{ width:100%; position:relative; height:35px; line-height:35px; overflow:hidden; background:#e6e6e6; color:#333;}
.header .top .icen{display:flex;justify-content: space-between; align-items: center;}
.header .top .icen .le{ width:50%;}
.header .top .icen .re{ width:50%;display: flex;justify-content: flex-end;align-items: center;}
.header .top .icen .re a{ display:inline-block; color:#333; padding:0 10px; z-index:1000;}
.header .mid{ width:100%; position:relative;}
.header .mid .icen{ display:flex; align-items: center;height: 120px;}
.header .mid .logo{float: left;width: 80%;display: block;position: relative; display:flex; align-items: center;}
.header .mid .logo img{ width:220px;display: block;}
.header .mid .logo span{ font-size:24px; font-weight:normal; position:relative; padding-left:35px; color: #333;}
.header .mid .logo span::before {content: " ";display: inline-block; width:2px; height:30px;position: absolute;top: 3px;left: 15px; background:#09397c;}
.header .mid .tel{display: flex;flex-wrap:wrap; align-items: center; justify-content: flex-end;width: 40%; text-align:right; font-size: 20px; color: #363636; opacity: 0.71;}
.header .mid .tel img{ width:30px; margin-right:5px;}
.header .nav{ height:50px; line-height:50px; background:#006e6b; z-index:999; position:relative;}
.header .nav ul{display: flex;justify-content: center;align-items: center;}
.header .nav ul li{ width:100%; height:50px; line-height:50px; text-align:center; position:relative;}
.header .nav ul li:before{ content:""; width:1px; height:17px; background:#eee; display:block; position:absolute; top:17px; right:0;}
.header .nav ul li:last-child:before{ display:none;}
.header .nav ul li .a{ display:block; color:#fff; font-size:18px;}
.header .nav ul li:after { content: ""; display: block; width: 0; height: 100%; background:#015a58;transform: translateX(-50%); transition: all .3s; position: absolute; top:0; left: 50%;}
.header .nav ul li:hover::after {width: 100%; z-index:-1; color:#fff;}
.header .nav ul li.on::after {width: 100%; z-index:-1; color:#fff;}
.header .nav ul li:hover a{ color:#fff;}
.header .nav ul li.on a{ color:#fff;}
.header .nav ul li .sub{ min-width:100%; background:#006e6b; margin:0 auto; margin-top:-1px; display:none; position:absolute;}
.header .nav ul li .sub a{ display:block; color:#fff; font-size:14px;  line-height:45px; padding:0 20px; white-space:nowrap; text-align:center; border-top:1px solid #ccc;}
.header .nav ul li .sub a:hover{background:#015a58;}
.header .nav ul li:hover .sub{ display:block;}

.m_header{padding:0 25px;height: 60px;background: rgba(255,255,255,1);position: fixed;top: 0;left: 0;right: 0;z-index: 10;display:flex;justify-content:space-between;align-items: center;opacity: 0;}
.m_header .logo img{ width:250px;}
.m_header .nav_btn { width:30px; cursor: pointer; text-align: center; z-index: 99999; outline: none; box-shadow: none;}
.m_header .nav_btn .point { display: inline-block; width:30px; height: 22px; position: relative; outline: none;} 
.m_header .nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 30px;height: 1px;transition: all .3s ease-out 0s;background: #000;}
.m_header .nav_btn .navbtn::after, .m_header .nav_btn .navbtn::before {position:absolute;left:0;width: 30px;height: 1px;content: '';transition: all .3s ease-out 0s;background: #000;}
.m_header .nav_btn .navbtn::after { top: -10px; }
.m_header .nav_btn .navbtn::before { top: 10px; }
.m_header .nav_btn .point.on .navbtn { background: transparent; }
.m_header .nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
.m_header .nav_btn .point.on .navbtn::before {transform: rotate(-45deg); top: 0px; }
.m_nav {z-index:999;position:fixed;width:100%;height:100vh;right:-105vw;top:0;display:none;padding:45px 15px;overflow:hidden;transition:all 0.3s ease-out;display:flex;background:#0059ad;opacity:0;visibility:hidden;}
.m_nav .close{position:absolute;top: 10px;right: 15px;left: 15px;font-size: 28px;color:#fff;z-index: 100;width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 10px 0 0;}
.m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}
.m_nav .m_nav_list{width:100%;height: 100%;padding: 0 0 10px;overflow: hidden;overflow-y: scroll;}
.m_nav .m_nav_list li{width: 100%;overflow: hidden;padding: 0;position: relative;}
.m_nav .m_nav_list li .con{ position:relative}
.m_nav .m_nav_list li .con a{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);line-height: 40px;color: #fff;padding: 0;font-size: 16px;display: flex;position: relative; transition:.5s}
.m_nav .m_nav_list li .con i{opacity: 1;width: 100%;height: 4rem;background: url(arrow.svg) calc(100% - 5px) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;top: 0;}
.m_nav .m_nav_list li.on1 i{background: url(arrow_on.svg) calc(100% - 5px) center no-repeat;}
.m_nav .m_nav_list li.on .a{ border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.m_nav .m_nav_list li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.m_nav .m_nav_list li .list a{display:block;font-size:13px;color:rgba(255,255,255,.7);line-height: 2.5;}
/*==========================================公共 结束=============================================*/
@media(max-width: 1200px){ 
	.header{ display: none;}
	.m_header{ opacity: 1;}
	.ibanner{ margin-top:60px;}
}


/* ibanner */
.ibanner { position: relative;}
.ibanner .swiper {height: 100%; overflow: hidden;}
.ibanner .swiper img {width: 100%;}
.ibanner .swiper-pagination {bottom: 38px;left: 50%;transform: translate(-50%,-50%);}
.ibanner .swiper-pagination-bullet {transition: 0.5s; width: 5rem; height: 8px; border-radius: 0px; background-color: #fff; margin: 0 12px!important; opacity: 1;}
.ibanner .swiper-pagination-bullet-active {    opacity: 1; background:#006e6b; width: 9rem;}
.ibanner .swiper-slide-active img { animation: mysacle 4s ease both; }

.i_tit{ width:100%; color:#333;}
.i_tit .i_t{ width:100%; display: flex; justify-content: center;align-items: center;font-size:36px; font-weight:bold; margin-bottom:10px;}
.i_tit .i_t span{ width:10px; height:10px; background:#555; border-radius:50%; margin:0 10px;}
.i_tit .i_b{ width:100%;display: flex; justify-content: center;align-items: center; font-size:36px; color:#333;}
.i_tit .i_b h1{ width:260px;font-size:22px; display: flex; justify-content: center;align-items: center; color:#006e6b; font-weight:bold;}
.i_tit .i_b .le{width: calc(50% - 130px); height:1px; background:#ccc; position:relative;}
.i_tit .i_b .le::after{content: '';display: block;width:8px;height: 8px; background:#ccc;transition: all .3s;position: absolute;right: 0;top: -4px; border-radius:4px;}
.i_tit .i_b .re{width: calc(50% - 130px); height:1px; background:#ccc; position:relative;}
.i_tit .i_b .re::after{content: '';display: block;width:8px;height: 8px; background:#ccc;transition: all .3s;position: absolute;left: 0;top: -4px; border-radius:4px;}

 
.more01{width:220px;height:60px; font-size:14px;overflow: hidden;background-image:linear-gradient(to right, #159f4b, #026bac);display: flex;justify-content: center;align-items: center;border-top-left-radius:30px;
	border-bottom-right-radius:30px;transition: 0.5s; color:#fff;}
.more01:hover{border-top-left-radius:20px;border-bottom-right-radius:0;}
.more01 img{display: block; width:10px; margin-left:2px;}


/* ind01 */
.ind01 {padding: 70px 0;position: relative;overflow: hidden;}
.ind01 .con {position: relative; margin-top:40px;}
.ind01 .con ul{display: flex;flex-wrap:wrap; align-items: center;}
.ind01 .con ul li{ width:32%; margin-right:1.3%; margin-bottom:20px; box-shadow:0px 0px 1rem #ccc;}
.ind01 .con ul li:nth-child(3n){ margin-right:0;}
.ind01 .con ul li .img{overflow: hidden; width:100%; transition: all 0.9s; position: relative;}
.ind01 .con ul li .img img{width: 100%;height: 100%; transition: all 0.9s;}
.ind01 .con ul li .img .tou{position: relative;top: 0;left: 0; z-index:-1;}
.ind01 .con ul li .img .shi{position: absolute;top: 0;left: 0; z-index:2;}
.ind01 .con ul li:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind01 .con ul li .tit { width:90%; margin:0 auto; height:70px; position:relative;display: flex;justify-content: space-between;align-items: center;}
.ind01 .con ul li .tit h4 {width: calc(100% - 50px); color:#333; font-size:16px;}
.ind01 .con ul li .tit span  { width:50px;}

/* ind02 */
.ind02 {padding: 70px 0; background:url(ind01bg.jpg) no-repeat;}
.ind02 .con{padding-top: 60px}
.ind02 .con .ind02wiper{padding-bottom: 60px}
.ind02 .con dl a{display: block;position: relative;overflow: hidden;}
.ind02 .con dl a{ background:#eee; display:table;transition: all .2s ease;padding-bottom: 20px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.08);width:100%;font-size: 0;vertical-align: top;padding: 0}
.ind02 .con dl a dt{width:100%;vertical-align: top;overflow: hidden;background: #000}
.ind02 .con dl a dt .img{overflow: hidden; width:100%; transition: all 0.9s; position: relative;}
.ind02 .con dl a dt .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind02 .con dl a dt .img .tou{position: relative;top: 0;left: 0; z-index:-1;}
.ind02 .con dl a dt .img .shi{position: absolute;top: 0;left: 0; z-index:2;}
.ind02 .con dl a dt:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind02 .con dl a dd{width:86%;position: absolute;bottom:-91px;left: 0;background:rgba(0,0,0,.25);transition: all .2s;padding-bottom: 10px; z-index:5;}
.ind02 .con dl a dd h1,.con dl a dd h2{ width:90%;color:#666; margin:10px 5%; font-size:12px;-webkit-transition: all .2s ease;-moz-transition:all .2s ease;transition: all .2s ease;}
.ind02 .con dl a dd h1{ font-size:16px; color:#fff;line-height:30px; overflow:hidden;padding: 0 0 10px;border-bottom: 1px #ddd solid;text-transform: capitalize;}
.ind02 .con dl a dd h2{ height:60px; overflow:hidden;font-size: 14px;line-height: 25px;margin-top:10px}
.ind02 .con dl a dd span{display: inline-block;font-size: 13px;color:#333;line-height: 20px;margin:0 5%;text-transform: uppercase;}
.ind02 .con dl a dd span:before{font-size: 16px;margin-right:5px;line-height: 20px;vertical-align: top;transition: all .2s}
.ind02 .con dl a dd span:hover:before{margin-right:15px;}
.ind02 .con dl a:hover dd{bottom:0;background:#fff}
.ind02 .con dl a:hover dd h1{color:#006e6b;}
.ind02 .con dl a:hover dt img{transform: scale(1.05);opacity: 0.7}
.ind02 .con .ind02wiper .swiper-pagination-bullet{background: #999;width:10px;height: 10px;border-radius: 50%;margin: 0 7px}
.ind02 .con .ind02wiper .swiper-pagination-bullet-active{background:#006e6b;position: relative;}
.ind02 .con .ind02wiper .swiper-pagination-bullet-active:after{content:'';position: absolute;left: -5px;top: -5px;width:20px;height: 20px;border-radius: 50%;border:1px #006e6b solid;}

/* ind03 */
.ind03 {width: 100%;position: relative;padding: 70px 0 90px; background:url(ind05bg.jpg) no-repeat;}
.ind03 .con{display:flex;justify-content: space-between;  margin-top:50px;}
.ind03 .con .text{ width:48%; z-index: 6;}
.ind03 .con .text .txt { width:100%; }
.ind03 .con .text .txt p { font-size: 16px;line-height: 32px; color: #333;}
.ind03 .con .text dl { padding-top:70px; margin-bottom:60px;display: flex; justify-content: center;align-items: center;}
.ind03 .con .text dl dd{ width:23%;margin-right: 2%;}
.ind03 .con .text dl dd:nth-of-type(4n) {margin-right: 0;}
.ind03 .con .text dl dd h4 {display: flex; }
.ind03 .con .text dl dd h4 strong { font-weight: bold; font-size:36px;margin-right:10px;color:#333; line-height: 1em; }
.ind03 .con .text dl dd h4 span{ font-size:24px; font-weight:normal; position:relative; top:10px;color:#333;}
.ind03 .con .text dl dd h5{font-size: 16px; font-weight:normal; position: relative; padding-top: 6px; color: #333;}
.ind03 .con .img{ width:50%;position: relative;}
.ind03 .con .img img{ width:100%;}
	
/* ind04 */
.ind04 { overflow: hidden; padding:70px 0 90px; position: relative;}
.ind04::after{content: '';display: block;width:100%;height: 70%;background-image:linear-gradient(to right, #006e6b, #039e9a);transition: all .3s;position: absolute;right: 0;top: -4px; border-radius:4px; z-index:-10;}
.ind04 .i_tit{ width:100%; color:#fff;}
.ind04 .i_tit .i_t span{ background:#fff; }
.ind04 .i_tit .i_b h1{ color:#fff;}
.ind04 .i_tit .i_b .le,.ind04 .i_tit .i_b .re{ background:#fff; }
.ind04 .i_tit .i_b .le::after,.ind04 .i_tit .i_b .re::after{ background:#fff; } 
.ind04 .con{ width: 100%; padding:50px 50px 0; background:#fff; margin-top:30px;position: relative;}
.ind04 .con .fa { width:25px; height:46px; display: flex; justify-content: center; align-items: center; position: unset; margin: 0rem; padding: 0rem; position:absolute; top:50%;}
.ind04 .con .fa img { width:25px;}
.ind04 .con .fa .icon02 { display:none;}
.ind04 .con .fa:hover .icon01 { display:none;}
.ind04 .con .swiper-button-prev .icon01 {transform: rotate(180deg);} 
.ind04 .con .swiper-button-prev:hover .icon02 { display:block;transform: rotate(180deg); }
.ind04 .con .swiper-button-next:hover .icon02 { display:block;}
.ind04 .con .swiper-button-prev{ left:10px;}
.ind04 .con .swiper-button-next{ right:10px;}
.ind04 .con .ind04wiper .box{ width:100%; background:#eee; padding:10px 30px 0 30px; display:block;}
.ind04 .con .ind04wiper .box .imgbox img{ transition: all .3s;display: block; width:100%;  }
.ind04 .con .ind04wiper .box:hover .imgbox img{transform: scale(1.1);}
.ind04 .con .ind04wiper .box .text {width:100%; background:#eee;line-height: 50px;line-height: 50px;}
.ind04 .con .ind04wiper .box .text h3 { font-weight: bold; font-size:16px; height:50px; overflow:hidden; color: #222; position: relative; text-align:center;}
.ind04 .con .ind04wiper .box:hover .text { background:#006e6b;}
.ind04 .con .ind04wiper .box:hover .text h3 {color: #fff;}


/* ind05 */
.ind05{padding: 70px 0;}
.ind05 .con{ display: flex;justify-content: space-between;margin-top:50px;}
.ind05 .con .le{width: 50%; position:relative; overflow:hidden;}
.ind05 .con .le img{ width:100%; }
.ind05 .con .ri{ display: block;overflow: hidden;width: 48%; margin-left:2%;}
.ind05 .con .ri ul li{ width:100%;margin-bottom: 16px; background:#e7ecf2; padding:15px 15px;}
.ind05 .con .ri ul li:nth-child(4){margin-bottom: 0;}
.ind05 .con .ri ul li a{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;overflow: hidden;}
.ind05 .con .ri ul li a .date{display: block;width: 20%; border-right:1px solid #999; padding-top:5px; position:relative;}
.ind05 .con .ri ul li a .date::after{content: '';display: block;width:1px;height: 0; background:#006e6b;transition: all .3s;position: absolute;right: -1px;top: 0; z-index:10;}
.ind05 .con .ri ul li a .date div{ width:100%; text-align:center; color:#006e6b;}
.ind05 .con .ri ul li a .date div:nth-child(1){ font-size:30px;}
.ind05 .con .ri ul li a .date div:nth-child(2){ font-size:16px;}
.ind05 .con .ri ul li a .text{ display: block;overflow: hidden;width: 76%;}
.ind05 .con .ri ul li a .text h3{ display: block;color: #333;font-size: 20px; height:25px;overflow: hidden;}
.ind05 .con .ri ul li a .text p{ display: block;overflow: hidden;color: #999;font-size: 14px;margin: 15px 0 0; line-height:22px;}
.ind05 .con .ri a:hover .text h3{ color:#006e6b; }
.ind05 .con .ri li:hover .date::after{ height:100%;}

 
/* footer */
.footer {padding: 80px 0 30px;position: relative;overflow: hidden; background:#013231; }
.footer .icen{ position: relative; z-index: 3; }
.footer .fo01 {margin-bottom: 90px;display: flex; justify-content: center;}
.footer .fo01 .le { width:30%; margin-right:10%;}
.footer .fo01 .le h3{margin-bottom: 26px; display: inline-block; font-size: 24px; color: #fff; font-weight: bold;}
.footer .fo01 .le .lx {margin-bottom: 15px;}
.footer .fo01 .le .lx h5 {color: #9a9a9a;font-size: 14px;margin-bottom: 3px;}
.footer .fo01 .ri { width:60%;}
.footer .fo01 .ri ul {display: flex;justify-content: space-between;}
.footer .fo01 .ri ul li h3 {margin-bottom: 26px;}
.footer .fo01 .ri ul li h3 a { width:100%; font-size: 18px; color: #fff; font-weight: bold;}
.footer .fo01 .ri ul li p a{font-size: 14px;color: #aaa;margin-bottom: 10px; display:block;}
.footer .fo01 .ri ul li p a:hover {color:#fff;}
.footer .fo01 .ri ul li p a:last-child {margin-bottom: 0px;}
.footer .fo02 {display: flex;justify-content: space-between;align-items: center; padding-top:30px; border-top:1px solid rgba(255, 255, 255, 0.2);}
.footer .fo02 .le {display: flex;align-items: center;}
.footer .fo02 .le a {font-size: 14px;color: #ededed;margin-right: 24px;}
.footer .fo02 .ri {width: 50%;font-size: 14px; text-align:right;}
.footer .fo02 .ri span {margin-left: 24px;}
.footer .fo02 .ri a {font-size: 14px;color: #ededed;}

 
/*n_banner*/
.n_banner { width:100%; position:relative;}
.n_banner img{ width:100%; display:block; margin:0; padding:0;}

/*n_home*/
.n_home {padding: 0;position: relative; z-index: 9; margin-bottom: 3.125rem; border-bottom:2px solid #e5e5e5;}
.n_home .icenter { position: relative; display: flex; justify-content: space-between; align-items: center; }
.n_home ul { position: relative; flex-grow: 1; }
.n_home ul li{display: block; font-size:16px; color: #373941; float: left;line-height:65px; margin-right:30px; z-index: 1; position: relative;border-radius: 3px;}
.n_home ul li a{ display: block; color:#333; position: relative; }
.n_home ul li a:after{ content: ""; width: 0; height: 0; position: absolute; border: 5px solid transparent; border-bottom: 5px solid #034ba3; left: 50%; margin-left: -5px; bottom: 0; opacity: 0; transition: .5s;}
.n_home ul li a:before{ content: ""; display: block; width: 100%; transform: scaleX(0); height: 2px; background: #034ba3; position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 1; transition: .5s;}
.n_home ul li:hover a:before{ width: 100%; opacity: 1; transform: scaleX(1);}  
.n_home ul li:hover a:after{ opacity: 1;}
.n_home ul li.on a:before{ width: 100%; opacity: 1; transform: scaleX(1); }  
.n_home ul li.on a:after{ opacity: 1;}
.n_home .home { left: 0;bottom: 0; font-size:14px;color: #747679;}
.n_home .home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_home .home span, .n_home .home a, .home i,.n_home .home em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_home .home i{margin: 0 10px;font-style: normal; width: 4px; height: 6px; }
.n_home .home em { color: #333;font-style: normal;}


/*local*/
.local {height: 60px; line-height:60px;font-size: 16px; background:#eee;}
.local a { color:#333;}
.local i {font-style: normal;}
.local span {padding: 0 3px;height: 60px;line-height: 60px; color:#333;}
    
/*n_nav*/
.n_nav {height: 60px;background:#003e89; margin-top:0;}
.n_nav ul {width: 100%; display:flex;}
.n_nav li {width: 160px;height: 60px;font-size: 16px;line-height:60px;text-align: center;border-right: 1px solid #0352b1;}
.n_nav li:last-child{border:none;}
.n_nav li a {display: block;height: 55px;color: #fff;}
.n_nav li.cur,.n_nav li:hover {background:#034ba3;}
.n_nav li.cur a,.n_nav li:hover a {color: #fff;}

	
/*n_mian */ 
.n_main { width:100%; position:relative; margin:70px auto 90px;}
.n_main .n_tit{ width: 100%;background: #fff; text-align: center; position:relative; border-bottom:1px solid #ddd; padding-bottom:30px;}
.n_main .n_tit span{font-size: 30px;color: #333; position:relative;}
	
.n_about{ min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:40px;}


.news { width:100%;position: relative; margin-top:-60px;}
.news dl dd a{display: flex;justify-content: space-between;align-items: center;}
.news dl dd {padding: 60px 0;border-bottom: 0.1rem solid #dddddd;}
.news dl dd .img{overflow: hidden; width:30%; transition: all 0.9s; position: relative;}
.news dl dd .img img{width: 100%;height: 100%;transition: all 0.36s;}
.news dl dd .img .tou{position: relative;top: 0;left: 0; z-index:-1;}
.news dl dd .img .shi{position: absolute;top: 0;left: 0; z-index:2;}
.news dl dd:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.news dl dd .text {width: 67%;}
.news dl dd .text h3 {font-size: 28px;color: #333333;font-weight: bold;}
.news dl dd a:hover .text h3 {color:#034ba3;}
.news dl dd .text .date {font-size: 18px;color: #666666;margin:20px 0;}
.news dl dd .text p {font-size: 16px;color: #666666;line-height:25px;margin-bottom:10px;}
.news dl dd .text .more{width: 120px; height:40px; line-height:40px; text-align:center; color:#333; border:1px solid #034ba3;}
.news dl dd a:hover .text .more {background:#034ba3;color: #fff;}
.news dl dd a:hover .text .more span {color: #fff;}


/* ab01 */
.ab01 {position: relative;margin: 90px 0;overflow: hidden;}
.ab01 .con .le{width: 68%;position: relative;}
.ab01 .con .re {width: 60%;position: absolute; right: 0px; top: 50%; transform: translateY(-50%); box-shadow: 5px -1px 20px rgba(0,0,0,0.2); padding: 30px 60px 60px; background: #fff;}
.ab01 .con .re h4 {font-size: 30px;font-weight: bold;color: #333333; position: relative;}
.ab01 .con .re h4:after{width: 40px;height: 1px;background: #381015;content: "";display: block;margin-top: 20px;}
.ab01 .con .re .txt { width:100%; line-height:30px; text-align:justify;margin-top:30px;}

/*ab02*/
.ab02 {position: relative;overflow: hidden;background: url(ab02.jpg);background-size: cover;padding: 90px 0; margin-bottom:90px;}
.ab02 .con {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ab02 .con h5 {font-size: 30px;font-weight: bold;color: #333;margin-bottom: 32px;}

/*ab03*/
.ab03 .item1{ width:100%; position:relative;}
.ab03 .item1 .img{ width:100%;}
.ab03 .item1 .img img{ width:100%;}
.ab03 .item1 .txt{ width:100%; height:100%; position:absolute; left:0; top:0;display: flex;align-items: center; padding-left:50px;}
.ab03 .item1 .txt .tt{ color:#fff;}
.ab03 .item1 .txt .tt h5{ margin-bottom:10px; font-size:24px;}
.ab03 .item1 .txt .tt span{ font-size: 16px;}
.ab03 .item1 .txt .tt p{ font-size:18px; line-height: 25px; margin-top:20px; color:#fff; }
.ab03 .item2{ width:100%; position:relative; margin-top:6px;}
.ab03 .item2 ul{display: flex;justify-content: space-between;align-items: center;}
.ab03 .item2 ul li{ width:24.5%; padding: 60px; background:#eee;}
.ab03 .item2 ul li:nth-child(1),.ab03 .item2 ul li:nth-child(3){ background:#034ba3; color:#fff;}
.ab03 .item2 ul li .txt{ width:100%; height:100%; display: flex;align-items: center;}
.ab03 .item2 ul li .txt .tt{ color:#333;}
.ab03 .item2 ul li .txt .tt h5{ margin-bottom:10px; font-size:24px;}
.ab03 .item2 ul li .txt .tt span{ font-size: 16px;}
.ab03 .item2 ul li .txt .tt p{ font-size:14px; height:50px; line-height: 25px; margin-top:20px; color:#333; }
.ab03 .item2 ul li:nth-child(1) .txt .tt,.ab03 .item2 ul li:nth-child(3) .txt .tt{color:#fff;}
.ab03 .item2 ul li:nth-child(1) .txt .tt p,.ab03 .item2 ul li:nth-child(3) .txt .tt p{color:#fff;}
.ab03 .item3{ width:100%; position:relative; margin-top:10px;}
.ab03 .item3 ul{display: flex;justify-content: space-between;align-items: center;}
.ab03 .item3 ul li{ width:49.6%; position:relative;}
.ab03 .item3 ul li .img{ width:100%;}
.ab03 .item3 ul li .img img{ width:100%;}
.ab03 .item3 ul li .txt{ width:100%; height:100%; position:absolute; left:0; top:0;display: flex;align-items: center; padding-left:50px;}
.ab03 .item3 ul li .txt .tt{ color:#fff;}
.ab03 .item3 ul li .txt .tt h5{ margin-bottom:10px; font-size:24px;}
.ab03 .item3 ul li .txt .tt span{ font-size: 16px;}
.ab03 .item3 ul li .txt .tt p{ font-size:18px; line-height: 25px; margin-top:20px; color:#fff; }

/* ab04 */
.ab04 {position: relative;overflow: hidden;background: url(ab02.jpg);background-size: cover;padding: 90px 0; margin-bottom:90px;}
.ab04 .con .re {width: 100%;box-shadow: 5px -1px 20px rgba(0,0,0,0.2); padding: 30px 60px 60px; background: #fff;}
.ab04 .con .re h4 {font-size: 30px;font-weight: bold;color: #333333; position: relative;}
.ab04 .con .re h4:after{width: 40px;height: 1px;background: #381015;content: "";display: block;margin-top: 20px;}
.ab04 .con .re .txt { width:100%; line-height:30px; text-align:justify;margin-top:30px;}


/*n_fuwu*/
.n_fuwu{ width: 100%; background: #fff;}
.n_fuwu .con{display: flex;justify-content: space-between;align-items: center; background: #f3f4f8;}
.n_fuwu .con .img{ width: 50%; position:relative; overflow: hidden;}
.n_fuwu .con .img img{ width:100%; position:relative; transition: 1s;}
.n_fuwu .con:hover .img img{ transform: scale(1.05); }
.n_fuwu .con .txt{ width: 50%;height: 100%; background: #f3f4f8; padding: 0 50px;}
.n_fuwu .con .txt h5{ font-size:24px; color: #434343; margin-bottom:30px;}
.n_fuwu .con .txt p{ font-size:16px; color: #606060; line-height:30px; }

/*n_fuwu01*/
.n_fuwu01{ width: 100%; background: #fff; margin-top:50px;}
.n_fuwu01 .con{display: flex;justify-content: space-between;align-items: center; background: #f3f4f8;}
.n_fuwu01 .con .img{ width: 50%; position:relative; overflow: hidden;}
.n_fuwu01 .con .img img{ width:100%; position:relative; transition: 1s;}
.n_fuwu01 .con:hover .img img{ transform: scale(1.05); }
.n_fuwu01 .con .txt{ width: 50%;height: 100%; background: #f3f4f8; padding: 0 50px;}
.n_fuwu01 .con .txt h2{ font-size:20px; color: #434343; margin-bottom:30px;}
.n_fuwu01 .con .txt p{ font-size:14px; color: #606060; line-height:30px; }




/*n_lianx*/
.n_lianx .n_top h3{ font-size:24px; margin:10px auto; text-align:center;}
.n_lianx .n_top p{ font-size:16px; margin:20px auto; text-align:center; color:#666;}
.n_lianx .txt ul{display: flex; justify-content:space-between;align-items: center;}
.n_lianx .txt ul li{ width:32%; background:#e6e6e6;display: flex; justify-content: center;align-items: center; text-align:center; padding:30px 0;}
.n_lianx .txt ul li h1{ font-size:18px; font-weight:bold; padding:5px 0; color:#333;}
.n_lianx .txt ul li p{ font-size:16px; padding:5px 0; color:#333;}

/* yz01 */
.yz01 {padding: 0;position: relative;overflow: hidden;}
.yz01 .con{display: flex; justify-content: space-between;align-items: center;}
.yz01 .con .left{ width:48%}
.yz01 .con ul li a{ display:block; position:relative; overflow:hidden}
.yz01 .con ul li a:after{ content:""; position:absolute; height:0; right:0; bottom:0; left:0; transition:.5s; z-index:1}
.yz01 .con ul li a .img_hezi{ padding-bottom:93.54% !important}
.yz01 .con ul li a .txt{ position:absolute; left:0; right:0; bottom:0; padding:0 15px 30px; z-index:2; transition:.5s; transform:translateY(calc(2.5rem + 48px))}
.yz01 .con ul li a .txt .h6{ font-size:1.125rem; color:#fff; text-transform:uppercase}
.yz01 .con ul li a .txt h2{ font-size:20px; color:#fff; margin:.375rem 0 2rem}
.yz01 .con ul li a .txt p{font-size: 14px;color:#fff;line-height:24px;height:48px;opacity:.7;}
.yz01 .con ul li a .shuzi{ position:absolute; top:12%; left:0; right:0; padding:0 12% 0 0; text-align:right; font-size: 3rem;z-index:2; color:#fff;}
.yz01 .con ul li a:hover .txt{ transform:translateY(-120px)}
.yz01 .con ul li a:hover:after{ height:100%; background:#013231} 
.yz01 .con .right{width:calc(100% - 48%);padding: 0 0 0 .6%;}
.yz01 .con .right ul li a .img_hezi{ padding-bottom:42.85% !important}
.yz01 .con .right ul li:last-child{margin: 1.2% 0 0;}
.yz01 .con .right ul li a .shuzi{top: 18.5%;padding: 0 7% 0 0;}
.yz01 .img_zd img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
 

 

@media screen and (max-width:1600px) {    
    .icenter { width: 1160px;}
    .icenter1 {width: 1100px;}

	.headerwrap .header .nav li>a{ padding: 0 20px;}

 
}